@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    .infrom {
        width: 100%;
        position: absolute;
        top: r(100);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        .infrom1 {
            width: r(655);
            font-size: r(20);
            .p1 {
                padding-top: r(44);
                span {
                    padding-right: r(30);
                    color: #777777;
                }
            }
            .p2 {
                padding-top: r(15);
                color: #777777;
            }
            .p3 {
                margin-top: r(10);
                width: r(540);
                line-height: r(40);
                color: #777777;
            }
        }
        .infrom2 {
            margin-top: r(30);
            img {
                width: r(114);
                height: r(114);
            }
        }
        .infrom3 {
            margin-top: r(30);
            img {
                width: r(114);
                height: r(114);
                margin-left: r(30);
            }
        }
    }
    .love {
        width: r(80);
        height: r(1270);
        .love1 {
            width: r(40);
            height: r(1270);
            border-right: r(1) solid #d9d9d9;
            .love2 {
                width: r(50);
                height: r(50);
                background: white;
                position: absolute;
                left: r(10);
                top: r(40);
                i {
                    font-size: r(60);
                    color: #ef5757;
                    line-height: r(50);
                }
            }
            .love3 {
                width: r(50);
                height: r(50);
                background: white;
                position: absolute;
                left: r(20);
                top: r(300);
                i {
                    font-size: r(40);
                    color: #777777;
                    line-height: r(55);
                }
            }
            .love4 {
                width: r(50);
                height: r(50);
                background: white;
                position: absolute;
                left: r(10);
                top: r(450);
                i {
                    font-size: r(60);
                    color: #ef5757;
                    line-height: r(50);
                }
            }
            .love5 {
                width: r(50);
                height: r(40);
                background: white;
                position: absolute;
                left: r(17);
                top: r(860);
                i {
                    font-size: r(50);
                    color: #777777;
                    line-height: r(20);
                }
            }
            .love6 {
                width: r(50);
                height: r(40);
                background: white;
                position: absolute;
                left: r(17);
                top: r(970);
                i {
                    font-size: r(50);
                    color: #777777;
                    line-height: r(20);
                }
            }
            .love7 {
                width: r(50);
                height: r(50);
                background: white;
                position: absolute;
                left: r(20);
                top: r(1060);
                i {
                    font-size: r(40);
                    color: #777777;
                    line-height: r(55);
                }
            }
        }
    }
}